<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品管理</title>
    <link href="/style/bootstrap.min.css" rel="stylesheet">
    <link href="/style/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="/style/common.css" rel="stylesheet">
    <link href="/style/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="/style/plugins/zTreeStyle/zTreeStyle.css" rel="stylesheet">
    <link href="/style/plugins/pagination/pagination.css" rel="stylesheet">
    <link href="/js/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="/style/goods/goods.css" rel="stylesheet">
</head>
<body class="gray-bg" :controller="container">
<div class="content content-border container-fluid">
    <div id="centerform" class="content-head">
        <div class="span220">
           <input type="text" class="form-control-sm titleInput" placeholder="商品名称/编号">
        </div>
        <div class="span220">
            <select class="select-w form-control-sm" id="category">
                <option value="">所有分类</option>
                <option :for="item in @catList" :attr="{value: item.id}">{{item.name}}</option>
            </select>
        </div>
        <div class="span220">
            <select class="select-w form-control-sm" id="selStatus">
                <option value="">所有状态</option>
                <option :for="item in @statusList" :attr="{value: item.id}">{{item.name}}</option>
            </select>
        </div>
        <div class="span110">
            <div class="div-btn-left">
                <input type="button" value="查询" :click="search" class="btn-search btn btn-primary">
            </div>
        </div>
    </div>
    <div class="content-title tit bg-1 paddingLeft20">
        <span>查询数据：2 商品  - 1 上架，1 下架</span>
        <div class="span110">
            <div class="div-btn-right">导出EXCEL</div>
        </div>
    </div>
    <table id="grid" class="table table-striped table-bordered table-hover dataTable text-center" style="width: 100%">
        <thead>
        <tr>
            <th></th>
            <th>商品</th>
            <th>品牌</th>
            <th>分类</th>
            <th>售价</th>
            <th>品牌</th>
            <th class="sorting_asc">库存</th>
            <th class="sorting">状态</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
           <tr :for="(index, ware) in @list">
               <td>{{index+1}}</td>
               <td>{{ware.id}}</td>
               <td>{{ware.name}}</td>
               <td>{{ware.barcode}}</td>
               <td>{{ware.brandName}}</td>
               <td>{{ware.categoryName}}</td>
               <td>{{ware.pricePiece}}</td>
               <td>{{ware.saleSiteName}}</td>
               <td>{{ware.status | filterStatus}}</td>
               <td :html="ware | filterOption"></td>
           </tr>
        </tbody>
    </table>
    <div class="pagination"></div>
</div>
<script data-main="/js/biz/goods" src="/javascript/require.js" ></script>
</body>
</html>